
var prefix = ctx+"/web/report"
$(function() {
    $('.startTime').datetimepicker({
        format: 'Y-m-d',
        timepicker:false
    });
    $('.endTime').datetimepicker({
        format: 'Y-m-d',
        timepicker:false
    });
    loadReportData('1');
    changeTab();
});


function search(opType) {
    var startTime = $(".paramDiv"+opType).find(".startTime").val();
    var endTime = $(".paramDiv"+opType).find(".endTime").val();
    if(!startTime || !endTime){
        parent.layer.alert("开始时间和结束时间不能为空");
        return;
    }
    if(startTime<endTime){
        parent.layer.alert("开始时间不能小于结束时间");
        return;
    }
    loadReportData(opType);
}

function loadReportData(opType) {
    var myChart = echarts.init(document.getElementById('reportDiv'+opType));
    myChart.showLoading();
    var startTime = $(".paramDiv"+opType).find(".startTime").val();
    var endTime = $(".paramDiv"+opType).find(".endTime").val();
    // 指定图表的配置项和数据
    var option = {
        xAxis: {
            type: 'category',
            data: []
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [],
            type: 'line',
            name:'问题数量',
            smooth:0.3,
            itemStyle:{
                normal:{
                    label:{
                        show:true
                    }
                }
            }
        }],
        backgroundColor: '#FBFBFB',
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['问题数量']
        }
    };
    myChart.setOption(option);
    $.ajax({
        cache : true,
        type : "GET",
        url : prefix+"/analysis?opType="+opType+"&startTime="+startTime+"&endTime="+endTime,
        data : {},
        async : false,
        error : function(request) {
            parent.layer.alert("Connection error");
        },
        success : function(data) {
            myChart.hideLoading();
            if(data){
                var xAxis = [],yAxis = [];
                $(data).each(function () {
                    xAxis.push(this.x);
                    yAxis.push(this.y);
                });
                myChart.setOption({
                    xAxis: {
                        data: xAxis
                    },
                    series: [{
                        name:'问题数量',
                        data: yAxis
                    }]
                });
            }
        }
    });

}

function changeTab() {
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var opType = $(e.target).attr("op_type");
        loadReportData(opType);
    });
}
